<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="/css/reset.css" rel="stylesheet">
    <link href="https://cdn.bootcss.com/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.min.js"></script>
    <script src="https://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.min.js"></script>
    <script src="https://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.widgets.helper.min.js"></script>

</head>
<body>

<!--没有使用网格的内容-->
<#--<div class="am-container">-->
<#--    <div data-am-widget="list_news" class="am-list-news am-list-news-default" >-->
<#--        <!--列表标题&ndash;&gt;-->
<#--        <div class="am-list-news-hd am-cf">-->
<#--            <!--带更多链接&ndash;&gt;-->
<#--            <a href="###" class="">-->
<#--                <h2>好友列表</h2>-->
<#--            </a>-->
<#--        </div>-->

<#--        <div class="am-list-news-bd">-->
<#--            <ul class="am-list">-->
<#--                <#list charInfoList as item>-->
<#--                <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-left" style="cursor: pointer;" onclick="showChatModal('${item.getChatMainId()}','${item.getUserId()}','${item.getAnotherUser().getId()}')">-->
<#--                    <div class="am-u-lg-2 am-list-thumb">-->
<#--                        <a href="#" >-->
<#--                            <img src="http://s.amazeui.org/media/i/demos/bw-2014-06-19.jpg"  class="am-circle am-img-thumbnail" style="width: 120px;height: 120px;max-width:none;"/ >-->
<#--                        </a>-->
<#--                    </div>-->
<#--                    <div class=" am-u-lg-8 am-list-main">-->
<#--                        <h3 class="am-list-item-hd"><a href="http://www.douban.com/online/11614662/" class="">${item.getAnotherUser().nickname}</a></h3>-->

<#--                        <div class="am-list-item-text">未读数：${item.getUnread()}</div>-->

<#--                    </div>-->
<#--                </li>-->
<#--                </#list>-->

<#--            </ul>-->
<#--        </div>-->

<#--    </div>-->
<#--</div>-->



<#--<div class="am-modal am-modal-no-btn" tabindex="-1" id="chat-modal">-->
<#--    <div class="am-modal-dialog">-->
<#--        <div class="am-modal-hd">聊天详情页-->
<#--            <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>-->
<#--        </div>-->
<#--        <div class="am-modal-bd">-->
<#--            <article class="am-comment"> <!-- 评论容器 &ndash;&gt;-->
<#--                <a href="">-->
<#--                    <img class="am-comment-avatar" alt=""/> <!-- 评论者头像 &ndash;&gt;-->
<#--                </a>-->

<#--                <div class="am-comment-main"> <!-- 评论内容容器 &ndash;&gt;-->
<#--                    <header class="am-comment-hd">-->
<#--                        <!--<h3 class="am-comment-title">评论标题</h3>&ndash;&gt;-->
<#--                        <div class="am-comment-meta"> <!-- 评论元数据 &ndash;&gt;-->
<#--                            <a href="#link-to-user" class="am-comment-author">..</a> <!-- 评论者 &ndash;&gt;-->
<#--                            评论于 <time datetime="">...</time>-->
<#--                        </div>-->
<#--                    </header>-->

<#--                    <div class="am-comment-bd">...</div> <!-- 评论内容 &ndash;&gt;-->
<#--                </div>-->
<#--            </article>-->
<#--        </div>-->
<#--    </div>-->
<#--</div>-->

<div>123</div>


</body>
</html>

<script type="application/javascript">
    let myWebSocket = null;
    $(function () {
        myWebSocket = new MyWebSocket();
    });

    function showChatModal(mainId,fromId,toId){
        console.log(mainId);
        console.log(fromId);
        console.log(toId);

    }

    function MyWebSocket() {

        <#--const wsuri = "ws://localhost:9999/websocket/${user.id}";//ws地址-->
        const wsuri = "ws://localhost:9999/websocket/222";//ws地址
        let websocket = new WebSocket(wsuri);
        websocket.onopen = function () {
            console.log("WebSocket连接成功");
        };

        websocket.onerror = function () { //错误
            console.log("WebSocket连接发生错误");
        };

        websocket.onmessage = function (e) {//数据接收
            let data = e.data;
            let parse = JSON.parse(data);
            console.log(parse);

        };
        websocket.onclose = function () {//数据发送
            console.log("connection closed");
        };
        this.sendMsg = function (msg) {
            websocket.send(msg);
        }
    }



</script>